Vue.component('my-footer', {
    data: function () {
        return {}
    },
    methods: {},
    template: `
       <el-footer height="250px" style="background-color: #282828;padding: 50px 0">
            <div class="center" style="text-align: center">
                <el-row>
                    <el-col span="8">
                        <img src="../img/usermodel/logo.jpg" style="width: 150px;height: 80px">
                        <p>在线学习就来雅阁</p>
                        <p>在线学习网络平台</p>
                    </el-col>
                    <el-col span="8">
                        <el-row id="footer_center">
                            <el-col span="8">
                                <h3>关于我们</h3>
                                <p>关于我们</p>
                                <p>求职招聘</p>
                                <p>社区交流</p>
                            </el-col>
                            <el-col span="8">
                                <h3>支持与服务</h3>
                                <p>联系我们</p>
                                <p>用户协议</p>
                                <p>在线反馈</p>
                            </el-col>
                            <el-col span="8">
                                <h3>底部导航</h3>
                                <p>Archiver</p><p>手机版</p>
                                <p>小黑屋</p>
                            </el-col>
                        </el-row>
                    </el-col>
                    <el-col span="8">
                        <div style="font-size: 58px;margin-top: 30px">
                            <img src="../img/usermodel/ewm.png" width="100px" height="100px">
                        </div>
                        <p>期待你的加入</p>
                    </el-col>
                </el-row>
            </div>
        </el-footer>
    `
})